/* pages/cashier_table/cashier_table.wxss */
// @import '../../style/pubLayout.wxss';

.g-container {
  
  >.g-main {
    display: flex;
    flex-direction: column;
    // overflow: auto;
    
    >.list_wrap {
      // flex: 1;
      // overflow: auto;

      // padding: 36rpx 36rpx 0;

      .li_wrap {
        margin: 0 36rpx;
        padding: 0 16rpx 0 8rpx;
        margin-bottom: 44rpx;
        border: 2rpx solid #BBBBBB;
        border-radius: 8rpx;
        background: #fff;

        // &:first-child {
        //   margin-top: 36rpx;
        // }
        &:last-child {
          margin-bottom: 0;
        }

        >.li_top {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 72rpx;
          padding-left: 14rpx;
          font-weight: bold;

          &::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -8rpx;
            transform: translateY(-50%);
            width: 8rpx;
            height: 36rpx;
            background: #0251FF;
          }

          >.btn_dflt {
            width: 100rpx;
            height: 48rpx;
            border-radius: 8rpx;
            font-size: 24rpx;
            font-weight: normal;
            color: #fff;
            background: #45C861;
          }
        }

        >.li_middle {
          padding: 0 8rpx 32rpx 14rpx;
          border-top: 2rpx solid #BBBBBB;
          border-bottom: 2rpx solid #BBBBBB;
          color: #000;

          >.text {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 24rpx;

            >.text_left {
              color: #6C6C6C;
            }

            &:first-child {
              align-items: flex-start;

              >.text_left {
                // width: 75%;
                margin-right: 20rpx;
                color: #000;
              }

              >.text_right {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                min-width: 7em;
                color: #101010;
              }
            }
          }
        }

        >.li_bottom {
          display: flex;
          justify-content: space-between;
          align-items: center;
          // height: 80rpx;
          height: 64rpx;
          padding: 0 6rpx 0 34rpx;
          font-size: 24rpx;
          color: #9A9A9A;
        }

        >.btn_wrap {
          display: flex;
          justify-content: flex-end;
          align-items: flex-start;
          height: 72rpx;

          >.btn_dflt, >.btn_del {
            width: 100rpx;
            height: 48rpx;
            margin-left: 12rpx;
            border-radius: 8rpx;
            font-size: 24rpx;
            font-weight: normal;
            color: #fff;
          }

          >.btn_dflt {
            background: #6F9EFF;
          }

          >.btn_del {
            background: #9A9A9A;
          }
        }
      }

      .slot_cls {
        padding-top: 36rpx;
      }
    }

    >.sum_wrap {
      position: sticky;
      bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 92rpx;
      padding: 0 26rpx 0 60rpx;
      color: #0D0D0D;
      background: #fff;

      >.total {

        >.text {
          color: #0251FF;
        }
      }

      >.sum {
        display: flex;
        align-items: center;

        >.text {
          display: flex;
          align-items: center;
          margin-left: 46rpx;
          color: #101010;
        }
      }
    }

    >.list_wrap, >.sum_wrap {
      .u-text_green::after {
        content: '支';
      }

      .u-text_red::after {
        content: '收';
      }
    }
  }

}